import { StyleSheet, PixelRatio, Dimensions } from "react-native"
import { style } from '../../../../../theme/style';
import { GLOBAL } from '../../../../../config/global';
const scale = GLOBAL.SCALE;

export const offerStyle = StyleSheet.create({
	row: {
		flexDirection: 'row'
	},
	lay: {
		width: 96 * scale
	},
	lineBox: {
		flexDirection: 'row',
		paddingVertical: 10 * scale
	},
	errorBox: {
		paddingTop: 5 * scale
	},
	required: {
		position: 'absolute',
		top: 2 * scale,
		left: -8 * scale,
		color: style.color.fontRed1
	},
	error: {
		position: 'relative',
		color: style.color.fontRed1
	},
	radioRequire: {
		paddingRight: 5 * scale
	},
	fontSize: {
		fontSize: 13 * scale,
		color: '#333'
	},
	fontBold: {
		fontWeight: 'bold',
		color: '#111'
	},
	selectRight: { // select
		justifyContent: 'space-between',
		alignItems: 'center'
	},
	selectRightText: {
		borderBottomWidth: 1 / PixelRatio.get(),
		borderBottomColor: style.borderColor,
		width: 220 * scale,
		//minHeight: 22 * scale,
		marginRight: 5 * scale
	},
	selectImg: {
		width: 7 * scale,
		height: 14 * scale,
		tintColor: '#333',
		marginRight: 5 * scale
	},
	checkBoxImg: {
		width: 13 * scale,
		height: 13 * scale,
		marginRight: 6 * scale,
		tintColor: style.color.themeColor,
	},
	checkBoxRead: {
		width: 13 * scale,
		height: 13 * scale,
		marginRight: 6 * scale,
		tintColor: '#999999',
	},
	rightBox: {
		flexWrap: 'wrap'
	},
	layStyle: {
		width: 125 * scale
	},
	other: {
		borderBottomWidth: 1 / PixelRatio.get(),
		borderBottomColor: '#333',
		width: 80 * scale,
		justifyContent: 'space-between',
		alignItems: 'center',
		marginLeft: 2 * scale,
		marginBottom: 8 * scale,
	},
	otherTimeDay: {
		width: 170 * scale,
	},
	offerStyle: {
		paddingVertical: 0
	},
	otherLay: {
		fontSize: 12 * scale,
		color: '#333'
	},
	otherValue: {
		fontSize: 12 * scale,
		color: '#333'
	},
	otherHours: {
		flexDirection: 'row',
		justifyContent: 'space-around',
		alignItems: 'center'
	},
	otherHoursValue: {
		width: 25 * scale,
		textAlign: 'center',
	},
	otherInput: { textAlign: 'center', width: 90 * scale, paddingVertical: 0 },
	goodsTitle: {
		width: 165 * scale
	},
	goodsTitleBox: {
		flexDirection: 'row',
		alignItems: 'center',
		marginLeft: 10 * scale,
	},
	value: {
		fontWeight: 'bold',
		color: '#000'
	},
	notAdd: {
		opacity: .5
	}
})